
/*
  这里重点章节
 */

/*
 data    存有被请求页面的内容
 status  存有请求的状态
*/
function PostCallback(data,status) {
    alert("数据: " + data + "\n状态: " + status);
}

/*
 data    存有被请求页面的内容
 status  存有请求的状态
*/
function GetCallback(data,status) {
    alert("数据: " + data + "\n状态: " + status);
}

function LoadCallback(responseTxt,statusTxt,xhr) {
    if (statusTxt=="success") {
        alert("外部内容加载成功!");
    }
    else if (statusTxt=="error") {
        alert("Error " + xhr.status + ": " + xhr.statusText);
    }
}


function Button1Callback() {
    /*
      下面的语句会把获取的 demo.text 里面的内容
      放到 id为div1的元素里面
    */
    // $("#div1").load("/try/ajax/demo.text",LoadCallback);
    /*
      下面的语句会把获取的 demo.text 里面 id为p1的元素的内容
      放到 id为div1的元素里面
    */
    // $("#div1").load("/try/ajax/demo.text #p1",LoadCallback);
    /*

    */
    // $.get("/try/ajax/demo_test.php",GetCallback);
    /*

    */
    $.post("/try/ajax/demo_test_post.php",{name:"菜鸟教程",url:"https://www.runoob.com"},PostCallback);
}

function ReadyCallback() {
    $("#btn1").click(Button1Callback);
}


/*
  注意下面一般的选择器都是,使用 双引号包起来的
*/
$(document).ready(ReadyCallback);



/*
     什么是 AJAX?
     AJAX = 异步 JavaScript 和 XML（Asynchronous JavaScript and XML）。
     简短地说，在不重载整个网页的情况下，AJAX 通过后台加载数据，并在网页上进行显示。
     关于 jQuery 与 AJAX
     jQuery 提供多个与 AJAX 有关的方法。
     通过 jQuery AJAX 方法，您能够使用 HTTP Get 和 HTTP Post 从远程服务器上请求文本、HTML、XML 或 JSON - 同时您能够把这些外部数据直接载入网页的被选元素中。
        如果没有 jQuery，AJAX 编程还是有些难度的。
           编写常规的 AJAX 代码并不容易，因为不同的浏览器对 AJAX 的实现并不相同。这意味着您必须编写额外的代码对浏览器进行测试。
           不过，jQuery 团队为我们解决了这个难题，我们只需要一行简单的代码，就可以实现 AJAX 功能。

    jQuery load() 方法
      jQuery load() 方法是简单但强大的 AJAX 方法。
      load() 方法从服务器加载数据，并把返回的数据放入被选元素中。
        语法:
        $(selector).load(URL,data,callback);
        必需的 URL         参数规定您希望加载的 URL。
        可选的 data        参数规定与请求一同发送的查询字符串键/值对集合。
        可选的 callback    参数是 load() 方法完成后所执行的函数名称。

    jQuery get() 和 post() 方法用于通过 HTTP GET 或 POST 请求从服务器请求数据
       HTTP 请求：GET vs POST
       两种在客户端和服务器端进行请求-响应的常用方法是：GET 和 POST。
          GET   - 从指定的资源请求数据            （在这里表示请求）
          POST  - 向指定的资源提交要处理的数据      (这里表示提交)
    GET 基本上用于从服务器获得（取回）数据。注释：GET 方法可能返回缓存数据。
    POST 也可用于从服务器获取数据。不过，POST 方法不会缓存数据，并且常用于连同请求一起发送数据。

    $.get() 方法通过 HTTP GET 请求从服务器上请求数据。
    语法：
        $.get(URL,callback);
        或
        $.get( URL [, data ] [, callback ] [, dataType ] )
    URL：        发送请求的 URL字符串。
    data：       可选的，发送给服务器的字符串或 key/value 键值对。
    callback：   可选的，请求成功后执行的回调函数。
    dataType：   可选的，从服务器返回的数据类型。默认：智能猜测（可以是xml, json, script, 或 html）。

    $.post() 方法通过 HTTP POST 请求向服务器提交数据。
    语法:
        $.post(URL,callback);
        或
        $.post( URL [, data ] [, callback ] [, dataType ] )
    URL：        发送请求的 URL字符串。
    data：       可选的，发送给服务器的字符串或 key/value 键值对。
    callback：   可选的，请求成功后执行的回调函数。
    dataType：   可选的，从服务器返回的数据类型。默认：智能猜测（可以是xml, json, script, 或 html）。


*/